$(function(){
    showSign();
    function showSign() {
        var active=$(".cMenuBar .active");
        var sign=$(".ItemSign");
        var top=active[0].offsetTop||20;
        var left=active[0].offsetLeft;
        sign.css({left:left-15,top:top+9});
        hideList();
    }
    $("#login_btn").click(showLoginModel);
    $("#register_btn").click(showRegisterModel);
    $(".menuBar2 .hover").click(showContentMenu);
    $(".cMenuBar .hover").click(showContentMenuItem);
    $(".album_name").click(showPhotos);
    $(".order_list .detail").click(showDetail);
    $(".photo").hover(hoverIn,hoverOut).click(showList);
    $(".photo .list ul li").click(doChose);
    $(".AlbumName span").click(deleteOrBack);
    $(".gray_cover").click(hideDeleteModel);
    function showRegisterModel() {
        $(".register_model").toggleClass("hide");
    }
    function showLoginModel() {
        $(".login_model").toggleClass("hide");
    }
    function showContentMenu() {
        $(".menuBar2 .hover").removeClass("active");
        $(this).addClass("active");
        var text=this.innerText;
        switch (text){
            case "我的帐户":
                showContentMenu2();
                break;
            case "产品管理":
                showContentMenu1();
                break;
            case "U客社区":
                showContentMenu3();
                break;
        }
    }
    function showContentMenu1() {
        $(".cMenuBar .hover").removeClass("active");
        $(".cMenuBar").addClass("hide");
        $(".cMenuBarInfo").removeClass("hide");
        showContentMenuItem.call($(".cMenuBarInfo .hover")[0]);
    }
    function showContentMenu2() {
        $(".cMenuBar .hover").removeClass("active");
        $(".cMenuBar").addClass("hide");
        $(".cMenuBarManage").removeClass("hide");
        showContentMenuItem.call($(".cMenuBarManage .hover")[0]);
    }
    function showContentMenu3() {
        $(".cMenuBar .hover").removeClass("active");
        $(".cMenuBar").addClass("hide");
        // $(".cMenuBarManage").removeClass("hide");
        // showContentMenuItem.call($(".cMenuBarManage .hover")[0]);
    }
    function showContentMenuItem() {
        $(".cMenuBar .hover").removeClass("active");
        $(this).addClass("active");
        showContentPanel.call(this);
        showSign();
    }
    function showContentPanel() {
        var text=this.innerText;
        switch (text){
            case "照片管理":
                showContent(".Album");
                break;
            case "我的模板":
                showContent(".MyModel");
                break;
            case "我的插件":
                // showContent("");
                break;
            case "我的授权码":
                showContent(".Key");
                break;
            case "基本资料":
                showContent(".Info");
                break;
            case "我的订单":
                showContent(".OrderListPanel");
                break;
        }
    }
    function showContent(target) {
        $(".Content .content_panel").addClass("hide");
        $(".content_panel"+target).removeClass("hide");
    }
    function showDetail() {
        showContent(".OrderDetail");
    }
    function showPhotos() {
        showContent(".Photo");
    }
    function hoverIn() {
        $(this).find(".photo_id").show();
    }
    function hoverOut() {
        $(this).find(".photo_id").hide();
        hideList();
    }
    function showList() {
        $(this).find(".list").toggle();
    }
    function hideList() {
        $(".photos .list").hide();
    }
    function doChose() {
        var text=this.innerText;
        switch (text){
            case "选中":
                showChoseYes.call(this);
                break;
            case "删除":
                showChoseNo.call(this);
                break;
        }
    }
    function showChoseYes() {
        $(this.parentNode.parentNode.parentNode ).find(".chose").show();
    }
    function showChoseNo() {
        $(this.parentNode.parentNode.parentNode ).find(".chose").hide();
    }
    function deleteOrBack() {
        var text=this.innerText;
        switch (text){
            case "删除":
                showDeleteModel();
                break;
            case "返回相册":
                showContent(".Album");
                break;
        }
    }
    function showDeleteModel() {
        $(".delete_remind").removeClass("hide");
        $(".gray_cover").removeClass("hide");
    }
    function hideDeleteModel() {
        $(".delete_remind").addClass("hide");
        $(".gray_cover").addClass("hide");
    }
});